<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style type="text/css">
			.mobile{
				width: 100%;
				height: 640px;
				background: #CE0020;
				text-align: center;
				
			}
			img{
				margin-top: 50%;
			}
		</style>
	</head>

	<body>
		<div class="mobile">
			<img src="img/00.gif" alt="" />
			<div class="loading"></div>
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/preloadjs.min.js"></script>
		<script src="js/myAjax.js"></script>
		<script type="text/javascript">
			var loader = $(".loading")[0];
			var baseUrl = "js/img.json";
			myAjax(baseUrl,"get",function(res){
				var loading = new createjs.LoadQueue();
				console.log(loading)
				loading.loadManifest(res);
				loading.on("progress",function(e){
					console.log(78910);
					console.log(e.progress);
					var num = Math.floor(e.progress*100);
					loader.innerText = num+"%";
					console.log(num);
				})
				loading.on("complete",function(){
					console.log("资源加载完成");
					window.location.href="index1.html";
				})
				loading.on("error",function(){
					console.log("资源加载错误");
				})
				
			})
		</script>
		</script>
		
	</body>
</html>
